/*!
 * 作者：ZZY2357
 */
.btn{
	background: dodgerblue;
	border: none;
	font-size: 2em;
	outline: none;
}
.btn:hover{
	filter: brightness(1.2);
	cursor: pointer;
}
.btn:active{
	filter: brightness(.8);
	border: none;
}
/*
 * 有渐变凸起的按钮
 */
.btn-gradient{
	background-image: linear-gradient(180deg,rgba(255,255,255,0.2),rgba(0,0,0,0.2));
}
.btn-gradient:active{
	background-image: none;
	background-image: linear-gradient(180deg,rgba(0,0,0,0.3),rgba(255,255,255,0.2));
}
/*
 * 凸出的按钮
 * 用box-shadow
 */
.btn-bulge{
	box-shadow: inset -5px -5px 8px rgba(0,0,0,0.5),
				inset 5px 5px 8px rgba(255,255,255,0.5);
}
.btn-bulge:active{
	box-shadow: inset 5px 5px 8px rgba(0,0,0,0.5),
				inset -5px -5px 8px rgba(255,255,255,0.5);
}

.btn-glass{
	background-image: linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2) 50%,transparent 50%);
}

